---
title: "Accessibility Checker Rule Help: WCAG20_Frame_HasTitle"
---
import "../../../styles/ToolHelp.scss"
import { CodeSnippet, Tag } from "carbon-components-react";

<div className="toolHelp">
<Row>
<Column colLg={16} colMd={8} colSm={4} className="toolHead">

### Inline frame does not have a title

<div id="locLevel"></div>

Inline frames must have a unique, non-empty title

</Column>
</Row>
<Row>
<Column colLg={11} colMd={5} colSm={4} className="toolMain">

### Why is this important?

An inline frame’s title provides a label for the frame that describes its content to the user. With this information a user can determine which frame to enter and explore in detail.

<div id="locSnippet"></div>

### What to do

* Use the `"title"` attribute of the `<iframe>` element to provide a unique, non-empty title that describes its contents.
For example:

<CodeSnippet type="multi" light={true}>&lt;iframe src="https://cloudstorage.html" id="adiframe"
       name="adiframe" title="Cloud Storage"&gt;
         &lt;a href="storage-ad.html"&gt; Cloud storage&lt;/a&gt;
&lt;/iframe&gt;</CodeSnippet>

</Column>
<Column colLg={5} colMd={3} colSm={4} className="toolLeft">

### About this requirement

[IBM 4.1.2 Name, Role, Value](https://www.ibm.com/able/requirements/requirements/#4_1_2)
[WCAG 2.1 technique H64](https://www.w3.org/WAI/WCAG21/Techniques/html/H64)

### Who does this affect?

* People using a screen reader, including blind, low vision and neurodivergent people
* People who physically cannot use a pointing device
* People with dexterity impairment who navigate web pages with a keyboard

</Column>
</Row>
</div>

export default ({ children, _frontmatter }) => (<React.Fragment>{children}</React.Fragment>)
